<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/detial.css">
    <link rel="stylesheet" href="./css/detail_lkh.css">
    <link rel="stylesheet" href="./css/liebiao.css">
    <link rel="shortcut icon" href="./favicon.ico">
</head>

<body>
        <!-- 顶部导航栏 -->
        <div class="head">
            <div class="w">
                <a href="./index.html" class="fl">返回首页</a>
                <div class="onebox">
                    <h3 class="fl">品优购欢迎您!</h3>
                    <a href="./login.html" class="fl">请登录</a>
                    <a href="#" class="fl">免费注册</a>
                    <ul class="fr">
                        <li><a href="./Receiving.html"><span>我的订单</span></a></li>
                        <li><a href="#"><span>我的品优购</span></a></li>
                        <li><a href="#"><span>品优购会员</span></a></li>
                        <li><a href="#"><span>企业采购</span></a></li>
                        <li><a href="#"><span>关注品优购</span></a></li>
                        <li><a href="#"><span>客户服务</span></a></li>
                        <li><a href="#"><span>网站导航</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 头部导航栏 -->
        <div class="header">
            <div class="w">
                <div class="twobox">
                    <h1 class="fl">
                        <a href="#">
                            <div class="pic">
                                <img src="./images/logo.png" alt="">
                            </div>
                        </a>
                    </h1>
                    <div class="wenzi fl">
                        <input type="text" placeholder="语言开发">
                        <a href="#" class="sousuo fr">搜索</a>
                        <ul>
                            <li><a href="">优惠购首发</a></li>
                            <li><a href="">亿元优惠</a></li>
                            <li><a href="">9.9元团购</a></li>
                            <li><a href="">每满99减30</a></li>
                            <li><a href="">办公用品</a></li>
                            <li><a href="">电脑</a></li>
                            <li><a href="">通信</a></li>
                        </ul>
                    </div>
                    <div class="car fr">
                        <a href="./shopcart.html">我的购物车</a>
                        <span></span>
                    </div>
                </div>
                <div class="ovbox">
                    <div class="left fl">
                        全部商品分类
                    </div>
                    <div class="right fl">
                        <ul>
                            <li><a href="#">品优超市</a></li>
                            <li><a href="#">优惠券</a></li>
                            <li><a href="#">秒杀</a></li>
                            <li><a href="#">品优生鲜</a></li>
                            <li><a href="#">品优家电</a></li>
                            <li><a href="#">品优会员</a></li>
                            <li><a href="#">品优拍卖</a></li>
                            <li><a href="#">进口好物</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    <div class="detail_top clearfix">
        <div class="w">

            <!-- tag -->
            <div class="tag clearfix">
                <ul>
                    <li><a href="#">手机、数码、通讯</a></li>
                    <li><a href="#">手机</a></li>
                    <li><a href="#">Apple苹果</a></li>
                    <li><a href="#">iphone 6S Plus系类</a></li>
                </ul>
            </div>
            <!-- tag -->

            <!-- good_pic -->
            <div class="good_pic fl">
                <div class="pic">
                    <a href="#">
                        <img src="./upload/s3.png" alt="">
                    </a>
                </div>
                <div class="good_list">
                    <ul>
                        <a class="list_left" href="#"></a>
                        <li>
                            <a href="#">
                                <img src="./upload/pre.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./upload/pre.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./upload/pre.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./upload/pre.jpg" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="./upload/pre.jpg" alt="">
                            </a>
                        </li>
                        <a class="list_right" href="#"></a>
                    </ul>
                    <div class="good_info">
                        <dl>
                            <dd><a href="#">商品编号：0468256644</a></dt>
                            <dd><a href="#">分享</a></dd>
                            <dd>
                                <a href="#">
                                    关注&nbsp;<span>5000</span>
                                </a>
                            </dd>
                            <dd><a href="#">对比</a></dd>
                        </dl>
                    </div>
                </div>
            </div>
            <!-- good_pic -->

            <!-- other -->
            <div class="other fr">
                <div class="other_title">
                    <h3>
                        Apple iPhone 6s（A1700）64G玫瑰金色 移动通信电信4G手机
                    </h3>
                    <p>
                        <a href="#">
                            推荐选择下方[移动优惠购],手机套餐齐搞定,不用换号,每月还有话费返
                        </a>
                    </p>
                </div>
                <div class="other_price">
                    <div class="price_left fl clearfix">
                        <ul>
                            <li>价&nbsp;&nbsp;&nbsp;&nbsp;格</li>
                            <li>促&nbsp;&nbsp;&nbsp;&nbsp;销</li>
                        </ul>
                    </div>
                    <div class="price_center">
                        <div class="center_top">
                            <ul>
                                <li>￥</li>
                                <li>5299.00</li>
                                <li><a href="#">降价通知</a></li>
                                <li>
                                    <span>累计评价</span><span>612188</span>
                                </li>
                            </ul>
                        </div>
                        <div class="center_bottom">
                            <span class="dt">加价购</span>
                            <span class="dd">
                                满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换
                                购热销商品
                                <a href="#">·详情 》</a>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="other_support">
                    <p class="support">
                        <span class="dt">支&nbsp;&nbsp;&nbsp;&nbsp;持</span>
                        <span class="dd">
                            以旧换新，闲置手机回收&nbsp;&nbsp;4G套餐超值抢&nbsp;&nbsp;礼品购
                        </span>
                    </p>
                    <p>
                        <span class="dt">配&nbsp;送&nbsp;至</span>
                        <span class="dd">
                            <select>
                                <option value="">北京海淀区中关&nbsp;
                                </option>
                                <option value="">长沙望城区公园&nbsp;
                                </option>
                                <option value="">长沙岳麓区黑马&nbsp;
                                </option>
                            </select>
                            <span>
                                &nbsp;有货&nbsp;&nbsp;&nbsp;
                                支持&nbsp;
                                <select>
                                    <option value="">99元免运费 |货到付款 |211限时达&nbsp;&nbsp;&nbsp;</option>
                                </select>
                            </span>
                        </span>
                    </p>
                    <p class="site">
                        由自营发货，并提供售后服务。11:00前完成下单，预计今天（08月10日）送达
                    </p>
                    <div class="line"></div>
                </div>
                <div class="other_select">
                    <div class="select_color">
                        <div class="select fl">选择颜色</div>
                        <div class="button">
                            <a href="#">金色</a>
                            <a href="#">银色</a>
                            <a href="#">黑色</a>
                            <a href="#">玫瑰金</a>
                        </div>
                    </div>
                    <div class="select_edition">
                        <div class="select fl">选择版本</div>
                        <div class="button">
                            <a href="#">公开版</a>
                            <a href="#">移动4G</a>
                        </div>
                    </div>
                    <div class="select_capacity">
                        <div class="select fl">选择容量</div>
                        <div class="button">
                            <a href="#">16GB</a>
                            <a href="#">64GB</a>
                            <a href="#">128GB</a>
                        </div>
                    </div>
                    <div class="select_operations">
                        <div class="select fl">购买方式</div>
                        <div class="button">
                            <a href="#">官方标配</a>
                            <a href="#">移动优惠购</a>
                            <a href="#">电信优惠购</a>
                        </div>
                    </div>
                    <div class="select_suit">
                        <div class="select fl">
                            套&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;装
                        </div>
                        <div class="button">
                            <a href="#">保护套装</a>
                            <a href="#">充电套装</a>
                        </div>
                    </div>
                    <div class="wire"></div>
                </div>
                <div class="other_join">
                    <div class="amount">
                        <input type="text" placeholder="1">
                        <a href="#">+</a>
                        <a href="#">-</a>
                    </div>
                    <a class="cart" href="#">加入购物车</a>
                </div>
            </div>
            <!-- other -->

        </div>
    </div>
    <div class="bigbox clearfix">
    <!-- 左边列表 -->
            <div class="nav">
                <div class="w">
                    <div class="left fl">
                        <div class="top">
                            <div class="zuo">
                                <h3 class="fl">相关分类</h3>
                            </div>
                            <div class="you">
                                <h3 class="fl">推荐品牌</h3>
                            </div>
                            <ul class="fl">
                                <li><a href="#">手机<span>手机壳</span></a></li>
                                <li><a href="#">内存卡<span>iphone配件</span></a></li>
                                <li><a href="#">贴膜<span>手机耳机</span></a></li>
                                <li><a href="#">移动电源<span>平板电脑</span></a></li>
                                <li><a href="#">笔记本<span>蓝牙耳机</span></a></li>
                            </ul>
                            <div class="one fl">
                                <h3 class="fl">购买了此商品的用户还买了</h3>
                            </div>
                        </div>
                        <div class="under">
                            <ul>
                                <li>
                                    <a href="#">
                                        <div class="pci">
                                            <img src="./upload/aside_img.jpg" alt="">
                                        </div>
                                        <div class="wenzi">
                                            <p>羽博 10000mah双usb Y7移动...</p>
                                            <span>￥49</span>
                                        </div>
                                    </a>
                                    <div class="two">
                                        <a href="#">加入购物车</a>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="pci">
                                            <img src="./upload/aside_img.jpg" alt="">
                                        </div>
                                        <div class="wenzi">
                                            <p>羽博 10000mah双usb Y7移动...</p>
                                            <span>￥49</span>
                                        </div>
                                    </a>
                                    <div class="two">
                                        <a href="#">加入购物车</a>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="pci">
                                            <img src="./upload/aside_img.jpg" alt="">
                                        </div>
                                        <div class="wenzi">
                                            <p>羽博 10000mah双usb Y7移动...</p>
                                            <span>￥49</span>
                                        </div>
                                    </a>
                                    <div class="two">
                                        <a href="#">加入购物车</a>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="pci">
                                            <img src="./upload/aside_img.jpg" alt="">
                                        </div>
                                        <div class="wenzi">
                                            <p>羽博 10000mah双usb Y7移动...</p>
                                            <span>￥49</span>
                                        </div>
                                    </a>
                                    <div class="two">
                                        <a href="#">加入购物车</a>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="pci">
                                            <img src="./upload/aside_img.jpg" alt="">
                                        </div>
                                        <div class="wenzi">
                                            <p>羽博 10000mah双usb Y7移动...</p>
                                            <span>￥49</span>
                                        </div>
                                    </a>
                                    <div class="two">
                                        <a href="#">加入购物车</a>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="pci">
                                            <img src="./upload/aside_img.jpg" alt="">
                                        </div>
                                        <div class="wenzi">
                                            <p>羽博 10000mah双usb Y7移动...</p>
                                            <span>￥49</span>
                                        </div>
                                    </a>
                                    <div class="two">
                                        <a href="#">加入购物车</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 右边大盒子 -->
            <div class="w">
                <!-- 右边大盒子 -->
                <div class="big fr">
                    <!-- 产品介绍 -->
                    <div class="cp">
                        <ul>
                            <li><a href="#">商品介绍</a></li>
                            <li><a href="#">规格与包装</a></li>
                            <li><a href="#">售后保障</a></li>
                            <li><a href="#">商品评价(50000)</a></li>
                            <li><a href="#">手机社区</a></li>
                        </ul>
                    </div>
                    <div class="txt">
                        <ul class="fl">
                            <li>分辨率：1920*1080(FHD)</li>
                            <li>后置摄像头：1200万像素</li>
                            <li>前置摄像头：500万像素</li>
                            <li>核 数：其他</li>
                            <li>频 率：以官网信息为准</li>
                            <li>品牌： Apple ♥关注</li>
                            <li>商品名称：APPLEiPhone 6s Plus</li>
                            <li>商品编号：1861098</li>
                            <li>商品毛重：0.51kg</li>
                            <li>商品产地：中国大陆</li>
                            <li>热点：指纹识别，Apple Pay，金属机身，拍照神器</li>
                            <li>系统：苹果（IOS）</li>
                            <li>像素：1000-1600万</li>
                            <li>机身内存：64GB</li>
                        </ul>
                        <a href="#" class="fr">查看更多参数</a>

                    </div>
                    <!-- 产品介绍 -->
                    <div class="pg"></div>
                    <div class="sj">
                        <img src="./upload/detail_img1.jpg" alt="">
                        <img src="./upload/detail_img2.jpg" alt="">
                    </div>
                </div>
                <!-- 右边大盒子 -->
            </div>
        </div>
    <!-- 底部主体部分 -->
    <div class="base">
        <div class="w">
            <!-- 正品保障 -->
            <div class="zhenp">
                <ul>
                    <li>
                        <div class="zb">
                            <p>正品保障</p>
                            <span>正品保障,提供发票</span>
                        </div>
                    </li>
                    <li>
                        <div class="js">
                            <p>极速物流</p>
                            <span>急速物流,急速送达</span>
                        </div>
                    </li>
                    <li>
                        <div class="wy">
                            <p>无忧售后</p>
                            <span>7天无理由退换货</span>
                        </div>
                    </li>
                    <li>
                        <div class="ts">
                            <p>特色服务</p>
                            <span>私人定制家电套餐</span>
                        </div>
                    </li>
                    <li>
                        <div class="bz">
                            <p>帮助中心</p>
                            <span>您的购物指南</span>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 正品保障 -->
            <!-- 购物指南 -->
            <div class="gouw">
                <dl class="fl">
                    <dt><a href="#">购物指南</a></dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl class="fl">
                    <dt><a href="#">配送方式</a></dt>
                    <dd><a href="#">上门自提</a></dd>
                    <dd><a href="#">211限时达</a></dd>
                    <dd><a href="#">配送服务查询</a></dd>
                    <dd><a href="#">配送费收取标准</a></dd>
                    <dd><a href="#">海外配送</a></dd>
                </dl>
                <dl class="fl">
                    <dt><a href="#">支付方式</a></dt>
                    <dd><a href="#">货到付款</a></dd>
                    <dd><a href="#">在线支付</a></dd>
                    <dd><a href="#">分期付款</a></dd>
                    <dd><a href="#">邮局汇款</a></dd>
                    <dd><a href="#">公司转账</a></dd>
                </dl>
                <dl class="fl">
                    <dt><a href="#">售后政策</a></dt>
                    <dd><a href="#">价格保护</a></dd>
                    <dd><a href="#">退款说明</a></dd>
                    <dd><a href="#">返修/退换货</a></dd>
                    <dd><a href="#">取消订单</a></dd>
                </dl>
                <dl class="fl">
                    <dt><a href="#">特色服务</a></dt>
                    <dd><a href="#">夺宝岛</a></dd>
                    <dd><a href="#">DIY装机</a></dd>
                    <dd><a href="#">延保服务</a></dd>
                    <dd><a href="#">品优购E卡</a></dd>
                    <dd><a href="#">品优购通信</a></dd>
                </dl>
                <dl class="ewm fl">
                    <dt><a href="#">帮助中心</a></dt>
                    <dd><a href="#">品优购客户端</a></dd>
                </dl>
            </div>
            <!-- 购物指南 -->
            <!-- 关于我们 -->
            <div class="guany">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">联系客服</a></li>
                    <li><a href="#">商家入驻</a></li>
                    <li><a href="#">营销中心</a></li>
                    <li><a href="#">手机品优购</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">销售联盟</a></li>
                    <li><a href="#">品优购社区</a></li>
                    <li><a href="#">品优购公益</a></li>
                    <li><a href="#">English Site</a></li>
                    <li><a href="#">Contact U</a></li>
                </ul>
                <p>地址:北京市昌平区建材城西路金燕龙办公楼一层 邮编: 100096电话: 400-618-4000 传真: 010-82935100 邮箱:zhanghj+itcast.cn</p>
                <p>京ICP备08001421号京公网安备110108007702</p>
            </div>
            <!-- 关于我们 -->
        </div>


    </div>
</body>

</html>